import { Skeleton } from '@/components/ui/skeleton';

const array = Array(6)
  .fill(0)
  .map((_, i) => i);

export default function Loading() {
  return (
    <div className="p-5 rounded-lg bg-background min-h-[90vh] space-y-8">
      {array.map((i) =>
        i % 2 === 0 ? (
          <Skeleton key={i} className="h-10 w-full" />
        ) : (
          <Skeleton key={i} className="h-4 w-1/2" />
        ),
      )}
    </div>
  );
}
